<template>
	<div class="w100 h100 p-x-5">
		<n-grid :x-gap="5" :y-gap="5" :cols="4" class="m-t-5">
			<n-grid-item v-for="item in List" :key="item.title">
				<Item :item="item" />
			</n-grid-item>
		</n-grid>
	</div>
</template>

<script setup>
import Item from './Item.vue';

// 数据
let List = [
	{
		title: '环境光',
		img: 'ambientLight',
		isLight: true,
		api: 'AmbientLight'
	},
	{
		title: '平行光',
		img: 'directionalLight',
		isLight: true,
		api: 'DirectionalLight'
	},
	{
		title: '点光源',
		img: 'pointLightSource',
		isLight: true,
		api: 'PointLight'
	},
	{
		title: '聚光灯',
		img: 'spotLight',
		isLight: true,
		api: 'SpotLight'
	}
];
</script>
